
    var asInitVals = new Array();

    $(document).ready(function() {
        var oTable = $('#skpdtable').dataTable({
            "oLanguage": {
                "sSearch": "Pencarian:"
            }, "bPaginate": true,
            "sPaginationType": "bootstrap",
            "bInfo": true, 
            "dom": '<"top"l<"clear">>rt<"bottom"ip<"clear">>',
            "fnRowCallback": function(nRow, aData, iDisplayIndex, iDisplayIndexFull, oSettings) {
                var numStart = this.fnPagingInfo().iStart;
                var index = numStart + iDisplayIndexFull + 1;
                $('td:eq(0)', nRow).html(index);
                return nRow;
            },
            "aoColumns": [
                {"bSortable": false, sClass: "center", width: "5%"},
                {"bSortable": true, sDefaultContent: "-", width: "35%"},
                {"bSortable": true, sDefaultContent: "right", width: "15%"},
                {"bSortable": true, sClass: "right", width: "15%"},
                {"bSortable": true, sClass: "right", width: "15%"},
                {"bSortable": true, sClass: "right", width: "15%"}
            ]

        });
        $("tfoot input").keyup(function() { 
            oTable.fnFilter(this.value, $("tfoot input").index(this));
        });
 
        $("tfoot input").each(function(i) {
            asInitVals[i] = this.value;
        });

        $("tfoot input").focus(function() {
            if (this.className == "search_init")
            {
                this.className = "";
                this.value = "";
            }
        });

        $("tfoot input").blur(function(i) {
            if (this.value == "")
            {
                this.className = "search_init";
                this.value = asInitVals[$("tfoot input").index(this)];
            }
        });

    });